$(document).ready(function() {
	var flag = $(window).height() * 1.5
	var oldOffSetY = document.documentElement.scrollTop + document.body.scrollTop;
	$("body").append("<div id='scrollToTop'><img style='width: 100%' src='static/img/scrolltotop.png' /></div>")
	//设置菜单样式
	$("#scrollToTop").css({
		"display": "none",
		"color": "white",
		"text-align": "center",
		"cursor": "pointer",
		"position": "fixed",
		"bottom": "2rem",
		"right": "0.25rem",
		"width": "0.8rem",
		"height": "0.8rem",
		"opacity": "0.5",
		"font-size": "0.2rem"
	})
	$("#scrollToTop").click(function() {
		$('html, body').animate({
			scrollTop: 0
		}, 'fast');
	})
	function initScrollToTop() {
		var height = $(window).height() * 0.25
		$("#scrollToTop").css("bottom", height)
		var sTop = document.documentElement.scrollTop + document.body.scrollTop;
		if(sTop < flag) {
			$("#scrollToTop").hide();
		} else {
			$("#scrollToTop").show();
		}
	}
	initScrollToTop()
	$(window).resize(function() {
		initScrollToTop()
	});
	$(window).scroll(function() {
		var newOffSetY = document.documentElement.scrollTop + document.body.scrollTop
		if(newOffSetY > flag && newOffSetY < oldOffSetY) {
			$("#scrollToTop").fadeIn(50);
		} else {
			$("#scrollToTop").fadeOut(100);
		};
		oldOffSetY = newOffSetY
	});
});